$(document).ready(function(){

	var date=new Date();
	var currentMonth=0
	var currentButton=null;
	var currentShow=null;
	var obj=$(".monthListConatiner");
	obj.css("position","absolute")
	obj.css("left","0px")
	obj.css("top","0px")

	var objM=obj.find(".monthList")
		objM.css("position","absolute")
		objM.css("left","0px")
		objM.css("top","0px")

	var space=objM.find("li").eq(0).width()
		
		objM.find("li").each(function(i){
			$(this).css("position","absolute")
			$(this).css("left",i*space)
			$(this).data("positionX",i*space)
			$(this).data("month",$(this).attr("month"))
			$(this).data("showID",($(this).attr("showID")));
		})


	function scroll(){//滚动具体方法
	

		if(currentMonth>9)
		{
			currentMonth=9;
		}

		var p=objM.find("li").eq(currentMonth).data("positionX")
			objM.animate({
				left:-p
			},500,function(){
				
			})
		}
		
	$("#cleft").click(function(){/*向左按钮*/
		var g=currentMonth+1;
		if(g>9)
		{
			return;
		}
		currentMonth++
			scroll()
	})
	
	$("#cright").click(function(){/*向右按钮*/
		var g=currentMonth-1
		if(g<0)
		{
			return;
		}
		currentMonth--
		scroll()
	})

	function getCurrentMonth(){/*返回当前月函数*/
		
		if(currentButton!=null)
		{
			currentButton.removeClass("focus")
		}

		currentMonth=date.getMonth();/*滚到当前月*/
		objM.find("li").eq(currentMonth).addClass("focus")
		currentButton=objM.find("li").eq(currentMonth)
		scroll();
	
		setCurrentMonthThemes(currentMonth,currentButton)//当前月的一些细节设制
	}

	$("#seeBack").click(function(){/*返回当前月*/
		getCurrentMonth();
	
	})

	getCurrentMonth();


	$(".monthList li").click(function(){
	
		if(currentButton!=null)
		{
			currentButton.removeClass("focus")
		}
		$(this).addClass("focus")
		currentButton=$(this)


		setCurrentMonthThemes($(this).data("month")-1,currentButton)//当前月的一些细节设制
	
	})
	
	function setCurrentMonthThemes(num,obj){
		/*设置当前月份标题 开始*/
		var str=String(num+1).split("");
		var p="";
		for(var i=0;i<str.length;i++)
		{
			p=p+"<img src='images/special/"+str[i]+".gif' />"
		}
		$("#cmonth").html(p)
		/*设置当前月份标题 结束*/
		if(currentShow!=null)
		{/*把当前显示的月份礼品隐藏掉*/
			currentShow.css("display","none")
		}
		$("#"+obj.data("showID")).css("display","block")//把点击月所代表的礼品全部显示出来
		currentShow=$("#"+obj.data("showID"));
	}
	


	setPosition();/*设置滚动层位置*/


})


$(window).resize(function(){/*设置滚动层位置*/
	setPosition();

})

function setPosition(){/*设置滚动层位置*/
	var t=$(".monthListConatiner");
	var ct=$("#cleft");
		t.css("left",ct.position().left+ct.width()+"px")
		t.css("top",ct.position().top+"px")
}	
